/**
 @Name：设置
 @Author：蓝博
*/

layui.define(function (exports) {
    layui.use(['layer', 'layer', 'util', 'setter', 'laytpl'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var util = layui.util;
        var config = layui.setter;
        var laytpl = layui.laytpl;
        var dataList = [];  // 标签列表

        //渲染列表
        renderList();

        //添加
        $('#LAY_shared_note_btnAdd').click(function () {
            showNote();
        });

        //显示编辑弹窗
        function showNote(object) {
            layer.prompt({
                id: 'LAY_shared_note_noteEdt',
                skin: 'layui-layer-admin',
                offset: '50px',
                formType: 2,
                value: object ? object.content : '',
                title: '本地便签',
                area: ['300px']
            }, function (value, index, elem) {
                if (object) {
                    dataList[object.id].content = value;
                    dataList[object.id].time = util.toDateString(new Date(), 'yyyy/MM/dd HH:mm');
                } else {
                    dataList.push({
                        id: dataList.length,
                        content: value,
                        time: util.toDateString(new Date(), 'yyyy/MM/dd HH:mm')
                    });
                }
                putDataList();
                renderList();
                layer.close(index);
            });
        }

        //更新缓存
        function putDataList() {
            layui.data(config.tableName, {
                key: 'notes',
                value: dataList
            });
        }

        //渲染列表
        function renderList() {
            $('.note-wrapper').empty();
            dataList = layui.data(config.tableName).notes;
            if (dataList == undefined) {
                dataList = [];
            }
            laytpl(LAY_shared_note_list.innerHTML).render(dataList, function (html) {
                $('.note-wrapper').prepend(html);
            });

            //判断列表是否为空
            if (dataList.length == 0) {
                $('.note-empty').css('display', 'block');
            } else {
                $('.note-empty').css('display', 'none');
            }

            // 点击修改
            $('.note-item').click(function () {
                var position = parseInt($(this).attr('data-id'));
                showNote(dataList[position]);
            });

            // 鼠标经过显示删除按钮
            $('.note-item')
                .mouseenter(function () {
                    $(this).find('.note-item-del').addClass('show');
                })
                .mouseleave(function () {
                    $(this).find('.note-item-del').removeClass('show');
                });

            // 点击删除
            $('.note-item-del').click(function () {
                var position = parseInt($(this).parent().attr('data-id'));
                dataList.splice(position, 1);
                for (var i = 0; i < dataList.length; i++) {
                    dataList[i].id = i;
                }
                putDataList();
                renderList();
            });
        }
    });

    //对外输出接口
    exports('LAY_shared_note', {})
});